<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 lazy " lang="en"> <![endif]-->
<html>
<head>
<meta charset="UTF-8">
<title>表单页(英文版) - 华农国际教育学院</title>
<link href="css/common.css" rel="stylesheet" >
<link href="css/other_nav_en.css" rel="stylesheet" >
<link href="css/other.css" rel="stylesheet" >
</head>

<body>
<header>
<div id="header" class="w1000 mc">
   <div class="logo_txt fl">
      <a href="#"><img src="imgs/list_logo.png"></a>
   </div>
   <div class="header_l fr">
      <div class="language fr">
         <a class="cn fl" href="#" title="中文版">中文</a>
         <a class="en fr" href="#" title="ENGLISH">ENGLISH</a>
         <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <div class="search index_border">
        <form action="#">
             <input class="search_input fl" type="text">
             <input class="search_btn fr" type="submit" value="">
             <div class="clear"></div>
        </form>
      </div>
   </div>
   <div class="clear"></div>
</div>
</header>

<nav>
<div id="nav" class="w100p">
   <ul class="nav w1000 mc">
      <li><a class="active" href="#">Homepage</a></li>
      <li><a href="#">About</a>
         <ul>
            <li><a href="#">About SCAU</a></li>
            <li><a href="#">About CIE</a></li>
            <li><a href="#">News& Events</a></li>
         </ul>
      </li>
      <li><a href="#">Admission</a>
         <ul>
            <li><a href="#">Degree</a></li>
            <li><a href="#">Short-term Programs</a></li>
            <li><a href="#">Language Programs</a></li>
            <li><a href="#">Application</a></li>
            <li><a href="#">Prospectus</a></li>
            <li><a href="#">Tuition & Fees</a></li>
         </ul>
      </li>
      <li><a href="#">Download</a>
         <ul>
            <li><a href="#">Application Form</a></li>
            <li><a href="#">Physical Examination Record</a></li>
            <li><a href="#">Application Forms for VISA</a></li>
         </ul>
      </li>
      <li><a href="#">Online Application</a></li>
      <li><a href="#">Living Information</a>
         <ul>
            <li><a href="#">Living Guidance</a></li>
            <li><a href="#">Living in SCAU</a></li>
            <li><a href="#">Living in Guangzhou</a></li>
         </ul>
      </li>
      <li><a href="#">Contact Us</a></li>
      <div class="clear"></div>
   </ul>
</div>
</nav>

<section>
   <div id="list_index" class="w1000 mc">
       <div class="mbx">
          <a href="#" style="padding:0;">HOMEPAGE</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="#">Online Application for International Students</a>
       </div>
       <div class="search_main index_border">
           <div class="top_bg"></div>
           <div class="form">
               <div class="form_title">
                   <h1>Online Application for International Students</h1>
                   <p>(* Can't be empty)</p>
               </div>
               <form action="#">
               <table width="100%">
                  <tbody>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Name：</b></td>
                      <td class="boder_b" width="66%"><input class="name" type="text" name="name"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Gender：</b></td>
                      <td class="boder_b" width="66%">
                         <select class="sex" name="sex">
                            <option>Select</option>
                            <option>Man</option>
                            <option>Woman</option>
                         </select>
                         <span>*</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Nationality：</b></td>
                      <td class="boder_b" width="66%"><input class="nationality" type="text" name="nationality"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Passport Number：</b></td>
                      <td class="boder_b" width="66%"><input class="passport" type="text" name="passport"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Postal Address：</b></td>
                      <td class="boder_b" width="66%"><input class="address" type="text" name="address"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Telephone：</b></td>
                      <td class="boder_b" width="66%"><input class="phone" type="text" name="phone"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Email：</b></td>
                      <td class="boder_b" width="66%"><input class="email" type="text" name="email"><span>*</span></td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Course Selection：</b></td>
                      <td class="boder_b" width="66%">
                         <select class="type" name="type">
                            <option>Select</option>
                            <option>Bachelor's Degree</option>
                            <option>Master's Degree</option>
                            <option>Doctor's Degree</option>
                            <option>Chinese Language Program</option>
                            <option>General Scholar</option>
                            <option>Senior Scholar</option>
                         </select>
                         <span>*</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="boder_b boder_r" width="34%"><b>·&nbsp;&nbsp;Remarks：</b></td>
                      <td class="boder_b" width="66%">
                         <textarea class="beizhu" name="beizhu"></textarea>
                      </td>
                    </tr>
                    <tr>
                      <td width="34%" style="height:90px;">&nbsp;</td>
                      <td width="66%" style="height:90px;">
                         <input class="submit" type="submit" value="Submit" onSubmit="return checkForm();" onClick="return checkForm();">
                         <input class="reset" type="reset" value="Reset">
                      </td>
                    </tr>
                  </tbody>
              </table>
              </form>
           </div>
       </div>
   </div>
</section>

<footer>
<div id="footer" class="w100p">
   <div class="footer w1000 mc">
       <p>SCAU Copyright ©  South China Agricultural University .All rights reserved. </p>
       <!--<p>地址:广东省天河区五山路486号 邮编:510642 </p>-->
       <p><span>Tel:+8620 85283482</span> <span>+8620 38675621</span> <span>Fax:+8620 85283114</span> <span>E-Mail:cie@scau.edu.cn</span></p>
       <a href="#">Management</a>
   </div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script>
function checkForm(){
   	if($('.name').val() == ''){
	   alert("Please enter your name！");
	   $('.name').focus();
	   return false;
	}
	if($('.sex').val() == 'Select'){
	   alert("Please choose the gender！");
	   return false;
	}
	if($('.nationality').val() == ''){
	   alert("Please enter nationality！");
	   $('.nationality').focus();
	   return false;
	}
	if($('.passport').val() == ''){
	   alert("Please enter your passport number.！");
	   $('.passport').focus();
	   return false;
	}
	if($('.address').val() == ''){
	   alert("Please enter your address！");
	   $('.address').focus();
	   return false;
	}
	if($('.phone').val() == ''){
	   alert("Please enter the Telephone！");
	   $('.phone').focus();
	   return false;
	}
	var myreg = /^(((13[0-9]{1})|159|153|158|157|156|155|189|188|180|170|187)+\d{8})$/;
	if(!myreg.test($('.phone').val())){
	   alert("Please enter the correct Telephone！");
	   $('.phone').focus();
	   return false;
	}
	if(!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test($('.email').val()))){ 
		alert("Please enter the correct Email！"); 
		$('.email').eq(0).focus(); 
		return false;
	}
	if($('.type').val() == 'Select'){
	   alert("Please choose the Course Selection！");
	   return false;
	}
};

$(function(){
	$('.reset').click(function(){
	   	$('.name').val('');
		$('.nationality').val('');
		$('.passport').val('');
		$('.address').val('');
		$('.phone').val('');
		$('.email').val('');
		$('.beizhu').val('');
		$('.name').focus();
	});
});
</script>
</body>
</html>
